{\rtf1\ansi\ansicpg1252\cocoartf949\cocoasubrtf330
{\fonttbl\f0\froman\fcharset0 TimesNewRomanPSMT;}
{\colortbl;\red255\green255\blue255;}
\margl1134\margr1134\margb1134\margt1134\vieww20360\viewh14060\viewkind0
\deftab709
\pard\pardeftab709\ql\qnatural

\f0\b\fs36 \cf0 Schedule:\
\
\pard\pardeftab709\ql\qnatural

\b0 \cf0 Dan and Josh: introductions.\
Dan: 		slides through flashy demos\
Josh:		finish slides\
Josh:		calendar\
Dan:			Craig's List simple page\
Josh:		LocalPix\
Josh and Dan: Fancy Craig's List page 
\b \

\b0 Josh and Dan: Q&A\
\
 
\b \
\
LocalPix:\

\b0 \
\pard\pardeftab709\ql\qnatural

\b \cf0 1: geocode\
\pard\pardeftab709\ql\qnatural

\b0 \cf0 	code: click handler\
		 callback\
	 	 $.get explanation\
			review JQ docs for AJAX stuff\
	page: geocode address\
		  inspect the AJAX request in firebug\
\pard\pardeftab709\ql\qnatural

\b \cf0 2: maps\
\pard\pardeftab709\ql\qnatural

\b0 \cf0 	code: api key\
\pard\pardeftab709\ql\qnatural

\b \cf0 3: map events\
\pard\pardeftab709\ql\qnatural

\b0 \cf0 	code: listener + handler	\
\pard\pardeftab709\ql\qnatural

\b \cf0 4: flickr search\
\pard\pardeftab709\ql\qnatural

\b0 \cf0 	code: handling xml response like DOM with jQuery\
		  show off flickr api and exerciser\
	page: show XML in response in firebug	\
\pard\pardeftab709\ql\qnatural

\b \cf0 5: complete\
\pard\pardeftab709\ql\qnatural

\b0 \cf0 	code:  flickr url assembly
\fs24 \
\
\pard\pardeftab709\ql\qnatural

\b\fs44 \cf0 Craig's list results page:\
\pard\pardeftab709\ql\qnatural

\b0\fs32 \cf0 \
\pard\pardeftab709\ql\qnatural

\b \cf0 color stripe results:
\b0\fs24 \
        
\fs32 $(document).ready(function() \{
\fs24 \
            
\fs32 $('p:even').css('background-color', '#eeeeff');
\fs24 \
        
\fs32 \});
\fs24 \
        \

\b\fs32 clean up margins:
\b0\fs24 \
\pard\pardeftab709\ql\qnatural

\fs32 \cf0        $('p').css(\{margin:'0',padding:'2'\});\
\pard\pardeftab709\ql\qnatural

\fs24 \cf0          
\fs32 $('h4').css(\{margin:'0',padding:'2'\});
\fs24 \
\
\
\pard\pardeftab709\ql\qnatural

\b\fs32 \cf0 collapse date function: (white board the selection process)\
\pard\pardeftab709\ql\qnatural

\b0 \cf0       function toggleDate(clickedDate) \{\
\pard\pardeftab709\ql\qnatural

\fs24 \cf0             
\fs32 var nextDate = clickedDate.nextAll('h4:first');
\fs24 \
            
\fs32 clickedDate.nextAll('p').not(nextDate.nextAll('p')).toggle(1000);
\fs24 \
        
\fs32 \}
\fs24 \
\
\pard\pardeftab709\ql\qnatural

\b\fs32 \cf0 collapse clicked date header:\
\pard\pardeftab709\ql\qnatural

\b0 \cf0       $('h4').click(function () \{\
\pard\pardeftab709\ql\qnatural

\fs24 \cf0                 
\fs32 toggleDate($(this));
\fs24 \
         
\fs32 \});
\fs24 \
\
\
\pard\pardeftab709\ql\qnatural

\b\fs32 \cf0 collapse all but first date when page loads:\
\pard\pardeftab709\ql\qnatural

\b0 \cf0        $('h4:not(:first)').each(function() \{\
\pard\pardeftab709\ql\qnatural

\fs24 \cf0                
\fs32 toggleDate($(this));
\fs24 \
          
\fs32 \});
\fs24 \
\
\
\
\
\
\
\
\
\
\
\
\
\
}